<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>餐饮网站</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  	<link rel="stylesheet" href="${request.contextPath}/css/zerogrid.css">
	<link rel="stylesheet" href="${request.contextPath}/css/style.css">
	<link rel="stylesheet" href="${request.contextPath}/css/slide.css">
	<link rel="stylesheet" href="${request.contextPath}/css/menu.css">
</head>
<body>
<div class="wrap-body">
	<div class="top">
		<div class="zerogrid">
			<ul class="number f-left">
				<li class="mail"><p>chinazhoudong@gmail.com</p></li>
				<li class="phone"><p>18511833392</p></li>
			</ul>
		</div>
	</div>
	<!--////////////////////////////////////Header-->
	<header>
		<div class="zerogrid">
			<center><div class="logo"><img src="${request.contextPath}/images/logo.png"></div></center>
		</div>
	</header>
	<div class="site-title">
		<div class="zerogrid">
			<div class="row">
				<h2 class="t-center">这一块是网站的标语</h2>
			</div>
		</div>
	</div>
    <!--//////////////////////////////////////Menu-->
    <a href="#" class="nav-toggle">Toggle Navigation</a>
    <nav class="cmn-tile-nav">
		<ul class="clearfix">
			<li class="colour-1"><a href="index.html">首页</a></li>
			<li class="colour-2"><a href="menu.html">家常菜</a></li>
			<li class="colour-3"><a href="location.html">中华菜</a></li>
			<li class="colour-4"><a href="archive.html">各地小吃</a></li>
			<li class="colour-5"><a href="reservation.html">外国菜</a></li>
			<li class="colour-6"><a href="staff.html">烘焙</a></li>
			<li class="colour-7"><a href="news.html">厨房百科</a></li>
			<li class="colour-8"><a href="gallery.html">食材百科</a></li>
		</ul>
    </nav>
<!--////////////////////////////////////Container-->
<section id="container" class="index-page">
	<div class="wrap-container zerogrid">
		
		<!-----------------content-box-2-------------------->
		<section class="content-box box-2">
			<div class="zerogrid">
				<div class="row wrap-box"><!--Start Box-->
					<div class="header">
						<h2>热门菜谱</h2>
						<hr class="line">
						<span>text text text text text</span>
					</div>
					<div class="row">
					
						<!-- 产品start -->
						<div class="col-1-3">
							<div class="wrap-col">
								<div class="box-item">
									<span class="ribbon">Menu Card<b></b></span>
									<img src="${request.contextPath}/images/menu.jpg" alt="">
									<p>The sliding menucard will surely impress your customers! Set up several pages and display them side by side, just as on a paper menucard!</p>
									<a href="#" class="button button-1">Detail</a>
								</div>
							</div>
						</div>
						<!-- 产品end -->
						
					</div>
				</div>
			</div>
		</section>
	</div>
</section>

<!--////////////////////////////////////Footer-->
<footer class="zerogrid">
	<div class="wrap-footer">
		<div class="row">
			<div class="col-1-3">
				<div class="wrap-col">
					<h4>Customer Testimonials</h4>
					<div class="row">
						<img src="${request.contextPath}/images/a-1.jpg">
						<h5>Nick Roach</h5>
						<p>Pellentesque elementum leo et justo dapibus convalli. In justo nibh, congue nec dapibus ac, placerat eget sem. Nunc consequat felis non elit ultricies in varius massa laoreet. Aenean lectus nisl, ellentesque in fermentum sit amet, convallis a lorem condimentum mollis. Aenean lectus nisl, ellentesque in fermentum sit amet.</p>
					</div>
				</div>
			</div>
			<div class="col-1-3">
				<div class="wrap-col">
					<h4>Open Daily</h4>
					<p><span>mon.</span> 17:00 - 21:00</p>
					<p><span>tue.-wed.</span> 16:30 – 21:00</p>
					<p><span>thu.-sat.</span> 16:30 – 21:00</p>
					<p><span>sun.</span> 11:00 – 21:00</p>
					<p><span>Need help getting home?</span></br>
					We will call a cab for you!</p>
				</div>
			</div>
		</div>
	</div>
	<div class="copyright">
		<div class="wrapper">
			Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="#">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
			<ul class="quick-link f-right">
				<li><a href="#">Privacy Policy</a></li>
				<li><a href="#">Terms of Use</a></li>
			</ul>
		</div>
	</div>
</footer>


	<!-- js -->
	<script src="${request.contextPath}/js/classie.js"></script>
	<script src="${request.contextPath}/js/demo.js"></script>

	<script src="${request.contextPath}/js/jquery/jquery-1.11.1.min.js"></script>
	<script src="${request.contextPath}/js/responsiveslides.min.js"></script>
	<script>
	$(function () {
	  // Slideshow 4
	  $("#slider4").responsiveSlides({
		auto: true,
		pager: false,
		nav: false,
		speed: 500,
		namespace: "callbacks",
		before: function () {
		  $('.events').append("<li>before event fired.</li>");
		},
		after: function () {
		  $('.events').append("<li>after event fired.</li>");
		}
	  });
	});
	</script>
</div>
</body></html>